$(function(){
    getUserInfo()

    $('#logout').on('click',function(){
        layer.confirm('确认退出登录吗？', {icon: 3, title:'提示'}, function(index){
            //do something
            location.href = '/login.html'
            localStorage.removeItem('token')
            layer.close(index);
          });
    })

})

function getUserInfo(){
    axios({
        method: 'GET',
        url: '/my/userinfo',
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(({ data:res }) => {
        // console.log(res);
        if(res.status !== 0){
            return layui.layer.msg(res.message)
        }

        renderAvatar(res.data)
    })
}

function renderAvatar(user) {
    let name = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp;' + name)

    if(user.user_pic !== null){
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src',user.user_pic)
    }else {
        let first = name[0].toUpperCase()
        $('.avatar-text').show().html(first)
        $('.layui-nav-img').hide()
    }
}